﻿
/*=============================================================
    Authour URL: www.designbootstrap.com
    
    http://www.designbootstrap.com/

    License: MIT

    http://opensource.org/licenses/MIT

    100% Free To use For Personal And Commercial Use.

    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
   
========================================================  */

/*=================================
    GENERAL STYLES
 ==================================*/
@import url(http://fonts.googleapis.com/css?family=Dosis); /*FREE GOOGLE FONT*/
body {
    font-family: 'Dosis', sans-serif;
    line-height: 30px;
    font-size: 20px;
}

section {
    padding-bottom: 50px;
    padding-top: 50px;
}

/*=================================
    HEADER / REPLICATE HEADER STYLES
 ==================================*/
.header-div {
    background: url(../img/1.jpg); /* DEFINE IMAGE PATH CAREFULLY*/
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-animation: bgscroll 15s infinite linear; /* 15s - speed of scroll , you can change it */
    animation: bgscroll 15s infinite linear;
    -moz-animation: bgscroll 15s infinite linear;
    -ms-animation: bgscroll 15s infinite linear;
    color: #fff;
}

    .header-div h1 {
        font-size: 70px;
        font-weight: 900;
    }

    .header-div .overlay {
        min-height: 200px;
        background: rgba(43, 77, 131, 0.9);
        padding-top: 80px;
        padding-bottom: 80px;
    }


/*Background Scrolling Animation*/
@-webkit-keyframes bgscroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -400px;
    }
}

@-moz-keyframes bgscroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -400px;
    }
}

@-ms-keyframes bgscroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -400px;
    }
}

@-o-keyframes bgscroll {
    from;

{
    background-position: 0 0;
}

to {
    background-position: 0 -400px;
}

}

@keyframes bgscroll {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -400px;
    }
}
/*=================================
    TEXT SECTION STYLES
=================================== */
.section-text {
    background-color: #6381C3;
    color: #fff;
}
/*=================================
    FOOTER SECTION STYLES
=================================== */

footer {
    padding: 20px;
    font-size: 15px;
    text-align: center;
    font-weight: 900;
    background-color: #6381C3;
    color: #fff;
}

    footer a, footer a:hover {
        color: #fff;
        text-decoration: none;
    }
